<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模态窗体</title>
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.css">
</head>
<body>
<div class="container">

    <div class="btn-group">
        <button class="btn btn-primary" id="btnAdd">添加</button>
        <button class="btn btn-success">修改</button>
    </div>

</div>


<!--
    外三层
    内三层
-->
<div class="modal show" id="info">
    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">
                modal-header
            </div>

            <div class="modal-body">
                modal-body
            </div>


            <div class="modal-footer">
                modal-footer
            </div>

        </div>


    </div>

</div>

</body>
<script src="../../lib/jquery.js"></script>
<script src="../../lib/bootstrap/js/bootstrap.js"></script>

<script>
    $('#btnAdd').bind('click',function () {
        $('#info').modal();
    })

</script>
</html>